@charset "utf-8";
/* CSS Document */
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p,th,td{ margin:0; padding:0; border:0 none; outline:0 none; font-family:Arial, "Microsoft yaHei", sans-serif;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; outline:0 none; vertical-align:middle;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
a{ text-decoration:none;}
q:before,q:after { content:'';}
.clearfix{overflow:auto;_height:1%;}

/*nav*/
.wrapper{ width:auto; min-width:1004px; z-index:0; position:relative;}
.nav_fix{width:100%; min-width:1004px; z-index:999999999; position:fixed;}
.center{ width:1004px; margin:0 auto; position:relative;}
.header{ width:100%; height:68px; background-color:#274ab3;}
.logo{ width:163px; height:27px; float:left; margin:21px 64px 0 14px;}
.nav{ float:left;}
.nav li{ float:left; width:120px;}
.nav li a{ display:block; height:68px; line-height:68px; color:#fff; font-size:18px; text-align:center;}
.nav li.active a, .nav li a:hover{ text-decoration:none; height:65px; border-bottom:3px solid #fff;}

/*map*/
.content-map{ width:100%; height:587px; background:url(images/bg-content-map.jpg) no-repeat center top; overflow:hidden;background-size:100% 100%;}
.map{ width:767px; height:577px; background:url(images/bg-map.png) no-repeat 0 0; margin:0px auto; position:relative;top:-43px;}
.svg{ position:absolute; width:767px; height:577px;}
.location{ width:30px; height:30px; background:url(images/loc.png) no-repeat 0 0;z-index:999999; position:absolute; -webkit-transition:linear 0.3s;-moz-transition:linear 0.3s;-o-transition:linear 0.3s;-ms-transition:linear 0.3s;}
.location:hover, .location .active{ -webkit-transform:scale(1.4);-o-transform:scale(1.4);-ms-transform:scale(1.4);-moz-transform:scale(1.4);}
.location div{ width:20px; height:20px; border:1px solid rgba(255,255,255,0.7); border-radius:50%; position:absolute; /*left:14px; top:14px;*/ opacity:0;}
.location:hover div:nth-child(1), .location.active div:nth-child(1){ -webkit-animation:wave 2.5s linear 0.5s infinite; -o-animation:wave 2.5s linear 0.5s infinite; -ms-animation:wave 2.5s linear 0.5s infinite; -moz-animation:wave 2.5s linear 0.5s infinite;}
.location:hover div:nth-child(2), .location.active div:nth-child(2){ -webkit-animation:wave 2.5s linear 1s infinite;-o-animation:wave 2.5s linear 1s infinite;-ms-animation:wave 2.5s linear 1s infinite;-moz-animation:wave 2.5s linear 1s infinite;}
.location:hover div:nth-child(3), .location.active div:nth-child(3){ -webkit-animation:wave 2.5s linear 1.5s infinite;-o-animation:wave 2.5s linear 1.5s infinite;-ms-animation:wave 2.5s linear 1.5s infinite;}
@keyframes wave{
	from{ width:20; height:20; left:4px; top:4px; opacity:1;}
	75%{ width:80px; height:80px; left:-25px; top:-25px; opacity:.5;}
	to{ width:80px; height:80px; left:-25px; top:-25px; opacity:0;}
}
@-webkit-keyframes wave{
	from{ width:20; height:20; left:4px; top:4px; opacity:1;}
	75%{ width:80px; height:80px; left:-25px; top:-25px; opacity:.5;}
	to{ width:80px; height:80px; left:-25px; top:-25px; opacity:0;}
}
@-moz-keyframes wave{
	from{ width:20; height:20; left:4px; top:4px; opacity:1;}
	75%{ width:80px; height:80px; left:-25px; top:-25px; opacity:.5;}
	to{ width:80px; height:80px; left:-25px; top:-25px; opacity:0;}
}
@-ms-keyframes wave{
	from{ width:20; height:20; left:4px; top:4px; opacity:1;}
	75%{ width:80px; height:80px; left:-25px; top:-25px; opacity:.5;}
	to{ width:80px; height:80px; left:-25px; top:-25px; opacity:0;}
}
@-o-keyframes wave{
	from{ width:20; height:20; left:4px; top:4px; opacity:1;}
	75%{ width:80px; height:80px; left:-25px; top:-25px; opacity:.5;}
	to{ width:80px; height:80px; left:-25px; top:-25px; opacity:0;}
}
.text1{ width:520px; height:57px; position:absolute; left:50%; margin-left:-260px; top:62px;}
.text1 span{ float:left; height:57px; background-image:url(images/bg-text1.png); display:none; text-indent:-9999px;}
.text1 span:nth-child(1){ width:57px; background-position:0 0;}
.text1 span:nth-child(2){ width:56px; background-position:-60px 0; margin-left:3px;}
.text1 span:nth-child(3){ width:50px; background-position:-124px 0; margin-left:8px;}
.text1 span:nth-child(4){ width:58px; background-position:-180px 0; margin-left:6px;}
.text1 span:nth-child(5){ width:54px; background-position:-275px 0; margin-left:37px;}
.text1 span:nth-child(6){ width:57px; background-position:-333px 0; margin-left:5px;}
.text1 span:nth-child(7){ width:57px; background-position:-394px 0; margin-left:3px;}
.text1 span:nth-child(8){ width:58px; background-position:-453px 0; margin-left:3px;}
.text2{ margin-left:100px;height:65px; position:absolute; bottom:15px; /*left:0; right:0; */display:none;-webkit-box-pack:center;-ms-box-pack:center;-moz-box-pack:center;box-pack:center;}
.text2 > span{ /*display:block; */float:left; font-size:36px; color:#fff; margin:16px 10px 0;}
.text2 { position:absolute; display: none; top: 530px; }
.text2 > span {float:left;}
.num {float:left;}
.num span{ display:inline-block;zoom:1;float:left; width:40px; height:65px; background:url(images/number.png) no-repeat 0 0; -webkit-transition:background-position-y 2s ease-in-out;-moz-transition:background-position-y 2s ease-in-out;-o-transition:background-position-y 2s ease-in-out;-ms-transition:background-position-y 2s ease-in-out;}
.num i{ font-size:60px; color:#fff;float:left; }

/*content*/
h1{ width:100%; height:200px; background:url(images/img01.png) no-repeat center center;}
.bg{ position:relative; width:100%; height:400px; background:#fff; background-attachment:fixed; background-position:center 0; background-repeat:no-repeat;}
.bg1{ background-image:url(images/bg01.jpg);background-size:100% 100%;}
.bg2{ background-image:url(images/bg02.jpg);background-size:100% 100%;}
.bg3{ background-image:url(images/bg03.jpg);background-size:100% 100%;}
.content{ width:100%; height:520px; background:#fff;}
.show{ width:575px; height:644px; position:absolute; top:-124px;}
.text h3{ font-size:32px; color:#1b1b1b;margin-bottom:20px;}
.text p{ font-size:18px; color:#666; width:434px;line-height:33px;}
.lh .show{ background:url(images/img02.png) no-repeat 0 0; left:0;}
.lh .text{ padding-top:195px; margin-left:530px;}
.rh .show{ background:url(images/img03.png) no-repeat 0 0; right:0;}
.mh .show{ background:url(images/img04.png) no-repeat 0 0; right:0;}
.rh .text{ padding-top:180px; margin-left:40px;}
.mh .text{ padding-top:180px; margin-left:40px;}
.slidebox{ width:253px; height:431px; overflow:hidden; position:absolute; top:90px;}
.rh .slidebox{ right:81px;}
.mh .slidebox{ right:81px;}
.slidebox > span{ display:block; position:absolute; width:20px; height:20px; border-radius:50%; background:#c00; left:58px; top:168px; z-index:2;}
.slidebox > span i{ display:block; position:absolute; width:0; height:0; border-radius:50%; background:#c00; left:10px; top:10px; opacity:0.5}
.slidebox > span.active i:nth-child(1){ -webkit-animation:'wave1' 1.5s linear 0.5s infinite;-o-animation:'wave1' 1.5s linear 0.5s infinite;-ms-animation:'wave1' 1.5s linear 0.5s infinite;-moz-animation:'wave1' 1.5s linear 0.5s infinite;}
.slidebox > span.active i:nth-child(2){ -webkit-animation:'wave1' 1.5s linear 1s infinite;-o-animation:'wave1' 1.5s linear 1s infinite;-ms-animation:'wave1' 1.5s linear 1s infinite;-moz-animation:'wave1' 1.5s linear 1s infinite;}
.slidebox > span.active i:nth-child(3){ -webkit-animation:'wave1' 1.5s linear 1.5s infinite;-o-animation:'wave1' 1.5s linear 1.5s infinite;-ms-animation:'wave1' 1.5s linear 1.5s infinite;-moz-animation:'wave1' 1.5s linear 1.5s infinite;}
@-webkit-keyframes wave1{
	from{ width:0; height:0; left:10px; top:10px; opacity:0.5}
	to{ width:80px; height:80px; left:-30px; top:-30px; opacity:0}
}
@-moz-keyframes wave1{
	from{ width:0; height:0; left:10px; top:10px; opacity:0.5}
	to{ width:80px; height:80px; left:-30px; top:-30px; opacity:0}
}
@-ms-keyframes wave1{
	from{ width:0; height:0; left:10px; top:10px; opacity:0.5}
	to{ width:80px; height:80px; left:-30px; top:-30px; opacity:0}
}
@-o-keyframes wave1{
	from{ width:0; height:0; left:10px; top:10px; opacity:0.5}
	to{ width:80px; height:80px; left:-30px; top:-30px; opacity:0}
}

.slidebox ul{ height:431px; position:relative;}
.slidebox ul li{ width:253px; height:431px; float:left;}
.lh .slidebox{ left:86px;}
.partner{ width:100%; background:#f8f8f8;}
.partner h3{ font-size:32px; line-height:154px; color:#333; text-align:center;}
.friendlink{ margin-left:24px;}
.friendlink li{ width:208px; height:98px; float:left; margin-right:40px; margin-bottom:40px; position:relative;}
.friendlink li div{ width:208px; height:98px; position:absolute; top:0; left:0; /*backface-visibility:hidden;*/transition:all 1.5s ease-in-out; }
/*.friendlink li div.back{ background-color:#f8f8f8;}*/
/*.friendlink li .unflip{ transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);}
.friendlink li .flipped{ transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);}*/
.friendlink li.last{ margin-right:0;}
.play_img{position:relative;top:0px;}
.play_img li{position:absolute; top:0px;}
/*footer*/
.footer{position:absolute;bottom:0; width:100%;min-width: 1005px; height:60px; background:#2c3039; text-align:center; color:#fff; font-size:16px; line-height:25px;padding-top:15px;}

/*fixbar*/
.fixbar{ width:60px; height:243px; position:fixed; bottom:200px; left:93%; /*margin-left:625px;*/ display:none;}
.fixbar > div{ height:60px; margin-bottom:1px; background:url(images/fixbar.png) no-repeat 0 0; cursor:pointer; position:relative;}
.fixbar > div.tel{ background-position:0 0;}
.fixbar > div.qq{ background-position:0 -61px;}
.fixbar > div.wechat{ background-position:0 -122px;}
.fixbar > div.totop{ background-position:0 -183px;}
.fixbar > div span{ display:block; position:absolute; top:0; right:70px; display:none;}
.fixbar > div.tel span{ width:184px; height:60px; background:url(images/bg-tel.png) no-repeat 0 0; padding-left:30px; line-height:60px; font-size:20px; color:#f8f8f8;}
.fixbar > div.qq span{ width:184px; height:60px; background:url(images/bg-qq.png) no-repeat 0 0; padding-left:30px; line-height:60px; font-size:20px; color:#f8f8f8;}
.fixbar > div.wechat span{ width:129px; height:290px; background:url(images/bg-wechat.png) no-repeat 0 0;}
